Date.rangePicker - Code Metrics - o2system/venus-form - Measure and Improve Code Quality continuously with Scrutinizer

Date.rangePicker B
last analyzed 2019-09-25 13:09 UTC

↳ Parent: Date

Complexity

Conditions

Size

Total Lines	74
Code Lines	61

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	2
eloc	61
dl	0
loc	74
rs	8.2763
c	0
b	0
f	0

How to fix Long Method

/**
 * This file is part of the O2System Venus UI Framework package.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 *
 * @author         Steeve Andrian Salim
 * @copyright      Copyright (c) Steeve Andrian Salim
 */
// ------------------------------------------------------------------------

import * as $ from 'jquery';
import * as moment from 'moment';
import 'bootstrap-datepicker';
import 'bootstrap-daterangepicker';


/**
 * Class Date
 * 
 * @author          Teguh Rianto
 * @package         Components/Input
 */
export default class Date {
    constructor() {
        /**
         * Initiate basic date picker
         */
        this.basicPicker();

        /**
         * Initiate range date picker
         */
        this.rangePicker();
    }

    // ------------------------------------------------------------------------

    /**
     * Date.basicPicker
     */
    basicPicker() {
        // Date Picker
        $('.datepicker').datepicker();
        $('.datepicker-autoclose').datepicker({
            autoclose: true,
            todayHighlight: true
        });
        $('.datepicker-inline').datepicker();
        $('.datepicker-multiple-date').datepicker({
            format: "mm/dd/yyyy",
            clearBtn: true,
            multidate: true,
            multidateSeparator: ","
        });
        $('.date-range').datepicker({
            toggleActive: true
        });
    }

    // ------------------------------------------------------------------------

    /**
     * Date.rangePicker
     */
    rangePicker(){
        //Date range picker
        $('.input-daterange-datepicker').daterangepicker({
            buttonClasses: ['btn', 'btn-sm'],
            applyClass: 'btn-success',
            cancelClass: 'btn-light'
        });
        $('.input-daterange-timepicker').daterangepicker({
            timePicker: true,
            timePickerIncrement: 30,
            locale: {
                format: 'MM/DD/YYYY h:mm A'
            },
            buttonClasses: ['btn', 'btn-sm'],
            applyClass: 'btn-success',
            cancelClass: 'btn-light'
        });
        $('.input-limit-datepicker').daterangepicker({
            format: 'MM/DD/YYYY',
            minDate: '06/01/2018',
            maxDate: '06/30/2018',
            buttonClasses: ['btn', 'btn-sm'],
            applyClass: 'btn-success',
            cancelClass: 'btn-light',
            dateLimit: {
                days: 6
            }
        });

        $('.reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));

        $('.reportrange').daterangepicker({
            format: 'MM/DD/YYYY',
            startDate: moment().subtract(29, 'days'),
            endDate: moment(),
            minDate: '01/01/2017',
            maxDate: '12/31/2020',
            dateLimit: {
                days: 60
            },
            showDropdowns: true,
            showWeekNumbers: false,
            timePicker: false,
            timePickerIncrement: 1,
            timePicker12Hour: true,
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            },
            opens: 'left',
            drops: 'down',
            buttonClasses: ['btn', 'btn-sm'],
            applyClass: 'btn-success',
            cancelClass: 'btn-light',
            separator: ' to ',
            locale: {
                applyLabel: 'Submit',
                cancelLabel: 'Cancel',
                fromLabel: 'From',
                toLabel: 'To',
                customRangeLabel: 'Custom',
                daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
                monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                firstDay: 1
            }
        }, function (start, end, label) {
            console.log(start.toISOString(), end.toISOString(), label);

            $('.reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        });
    }
}

1			/**
2			* This file is part of the O2System Venus UI Framework package.
3			*
4			* For the full copyright and license information, please view the LICENSE
5			* file that was distributed with this source code.
6			*
7			* @author Steeve Andrian Salim
8			* @copyright Copyright (c) Steeve Andrian Salim
9			*/
10			// ------------------------------------------------------------------------
11
12			import * as $ from 'jquery';
13			import * as moment from 'moment';
14			import 'bootstrap-datepicker';
15			import 'bootstrap-daterangepicker';
16
17
18			/**
19			* Class Date
20			*
21			* @author Teguh Rianto
22			* @package Components/Input
23			*/
24			export default class Date {
25			constructor() {
26			/**
27			* Initiate basic date picker
28			*/
29			this.basicPicker();
30
31			/**
32			* Initiate range date picker
33			*/
34			this.rangePicker();
35			}
36
37			// ------------------------------------------------------------------------
38
39			/**
40			* Date.basicPicker
41			*/
42			basicPicker() {
43			// Date Picker
44			$('.datepicker').datepicker();
45			$('.datepicker-autoclose').datepicker({
46			autoclose: true,
47			todayHighlight: true
48			});
49			$('.datepicker-inline').datepicker();
50			$('.datepicker-multiple-date').datepicker({
51			format: "mm/dd/yyyy",
52			clearBtn: true,
53			multidate: true,
54			multidateSeparator: ","
55			});
56			$('.date-range').datepicker({
57			toggleActive: true
58			});
59			}
60
61			// ------------------------------------------------------------------------
62
63			/**
64			* Date.rangePicker
65			*/
66			rangePicker(){
67			//Date range picker
68			$('.input-daterange-datepicker').daterangepicker({
69			buttonClasses: ['btn', 'btn-sm'],
70			applyClass: 'btn-success',
71			cancelClass: 'btn-light'
72			});
73			$('.input-daterange-timepicker').daterangepicker({
74			timePicker: true,
75			timePickerIncrement: 30,
76			locale: {
77			format: 'MM/DD/YYYY h:mm A'
78			},
79			buttonClasses: ['btn', 'btn-sm'],
80			applyClass: 'btn-success',
81			cancelClass: 'btn-light'
82			});
83			$('.input-limit-datepicker').daterangepicker({
84			format: 'MM/DD/YYYY',
85			minDate: '06/01/2018',
86			maxDate: '06/30/2018',
87			buttonClasses: ['btn', 'btn-sm'],
88			applyClass: 'btn-success',
89			cancelClass: 'btn-light',
90			dateLimit: {
91			days: 6
92			}
93			});
94
95			$('.reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
96
97			$('.reportrange').daterangepicker({
98			format: 'MM/DD/YYYY',
99			startDate: moment().subtract(29, 'days'),
100			endDate: moment(),
101			minDate: '01/01/2017',
102			maxDate: '12/31/2020',
103			dateLimit: {
104			days: 60
105			},
106			showDropdowns: true,
107			showWeekNumbers: false,
108			timePicker: false,
109			timePickerIncrement: 1,
110			timePicker12Hour: true,
111			ranges: {
112			'Today': [moment(), moment()],
113			'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
114			'Last 7 Days': [moment().subtract(6, 'days'), moment()],
115			'Last 30 Days': [moment().subtract(29, 'days'), moment()],
116			'This Month': [moment().startOf('month'), moment().endOf('month')],
117			'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
118			},
119			opens: 'left',
120			drops: 'down',
121			buttonClasses: ['btn', 'btn-sm'],
122			applyClass: 'btn-success',
123			cancelClass: 'btn-light',
124			separator: ' to ',
125			locale: {
126			applyLabel: 'Submit',
127			cancelLabel: 'Cancel',
128			fromLabel: 'From',
129			toLabel: 'To',
130			customRangeLabel: 'Custom',
131			daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
132			monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
133			firstDay: 1
134			}
135			}, function (start, end, label) {
136			console.log(start.toISOString(), end.toISOString(), label);
			0 ignored issues – show Debugging Code introduced 2019-01-16 10:51 UTC by Report Bug Copy Issue Report `console.log` looks like debug code. Are you sure you do not want to remove it? Loading history...
137			$('.reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
138			});
139			}
140			}

o2system / venus-form

GitHub Access Token became invalid

Date.rangePicker B last analyzed 2019-09-25 13:09 UTC

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like

Date.rangePicker B
last analyzed 2019-09-25 13:09 UTC